<!DOCTYPE html>
<html lang="en"xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .table-hover{
            text-align: center;
        }
        .as .current{
            width: 600px;
            text-align: center;
        }
        ul::after{
            content:"";
            display:block;
            height:0;
            clear:both;
            visibility:hidden;
        }
        ul{
            margin-left: -35px;
        }
        .one{
            margin-left: 15px;
        }
        ul a{
            text-decoration: none;
            display: inline-block;
            width: 50px;
            height: 30px;
            line-height: 30px;
            text-align: center;

        }
        ul li{
            float: left;
            background: #ffc0cb;
            list-style: none;
            margin: 10px;
            border-radius: 10px;
        }
        .active{
            background-color: orange;
            border-radius: 10px;
        }
    </style>
</head>
<body>
<!--<h1>[[${msg}]]</h1>-->
<div class="box">
    <div class="insert">
    </div>
    <table class="table table-hover" border="1" cellspacing="0" cellpadding="0">
        <thead >
        <tr >
            <th class="text-center">编号</th>
            <th class="text-center">ISBN</th>
            <th class="text-center">书名</th>
            <th class="text-center">作者</th>
            <th class="text-center">进货日期</th>
            <th class="text-center">库存量</th>
            <th class="text-center">价格</th>
            <th class="text-center">是否购买？</th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="user,Stat:${list}">
            <td th:text="${Stat.count}"></td>
            <td th:text="${user.id}"></td>
            <td th:text="${user.bookname}"></td>
            <td th:text="${user.writer}"></td>
            <td th:text="${user.dt}"></td>
            <td th:text="${user.sum}"></td>
            <td th:text="${user.price}"></td>
            <td><a href="">购买</a> </td>
        </tr>
        </tbody>
    </table>
</div>

<div class="as">
    <div class="as one">
        当前第[[${pageNo}]] 页，
        共[[${maxPage}]] 页，
        [[${totalCount}]]条记录
    </div>
    <ul class="as current" style="list-style: none">
        <li>
            <a href="/info2?pageNumber=1">首页</a>
        </li>
        <li>
            <a th:href="@{'/info2?pageNumber='+${pageNo-1}}">上一页</a>
        </li>
        <li>
            <a th:href="@{'/info2?pageNumber='+${pageNo+1}}">下一页</a>
        </li>
        <li>
            <a th:href="@{'/info2?pageNumber='+${maxPage}}">尾页</a>
        </li>
    </ul>
</div>
</body>
</html>